import React from 'react';
import logo from './logo.svg';
import './App.css';
// import {MultiForm} from "./multiForm";
// import { DynamicForm } from "./dynamicForm";
import Example from './example';

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            msg: '',
            val: 0
        };
    }
    // update = (data) => {
    //     this.setState({
    //         msg: data
    //     })
    // };

    // componentDidMount() {
    //     this.setState({ val: this.state.val + 1 });
    //     console.log(this.state.val);        // 第 1 次 log  0


    //     this.setState({ val: this.state.val + 1 });
    //     console.log(this.state.val);        // 第 2 次 log 0

    //     setTimeout(()=>{
    //         this.setState({ val: this.state.val + 1 });
    //         console.log(this.state.val);        // 第 3 次 log  2
    
    //         this.setState({ val: this.state.val + 1 });
    //         console.log(this.state.val);        // 第 4 次 log 3
    //     });
    // }

    render() {
        // const msgDom = this.state.msg ? (<span>{JSON.stringify(this.state.msg)}</span>) : <div />
        // return (
        //     <div className="App">
        //         <header className="App-header">
        //             <img src={logo} className="App-logo" alt="logo" />
        //         </header>
        //         <h2>表单测试</h2>
        //         <div className="form">
        //             <DynamicForm update={this.update} />
        //         </div>
        //         <div>
        //             {msgDom}
        //         </div>
        //     </div>
        // );
        return (
            <div className="App">
                <Example></Example>
            </div>
        )
    }
}


export default App;
